<!-- modal-windows-->
<!--modal-small-->
<div class="modal fade bs-example-modal-sm" id="modal-small" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm">

    <div class="modal-content">
		
    </div>
  </div>
</div>
<!--modal-large-->
	<!--regional-modal-->
	<div class="modal fade bs-example-modal-lg" id="regional-modal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
	  <div class="modal-dialog modal-lg">

		<div class="modal-content">
			
		</div>
	  </div>
	</div>
	<!--regional-modal end-->
<div class="modal fade bs-example-modal-lg" id="modal-large" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">

    </div>
  </div>
</div>
<!--modal-gallery-->
<div id="blueimp-gallery" class="blueimp-gallery">
    <!-- The container for the modal slides -->
    <div class="slides"></div>
    <!-- Controls for the borderless lightbox -->
    <h3 class="title"></h3>
    <a class="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
    <a class="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
    <a class="close">×</a>
    <a class="play-pause"></a>
    <ol class="indicator"></ol>
    <!-- The modal dialog, which will be used to wrap the lightbox content -->
    <div class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" aria-hidden="true">&times;</button>
                    <h4 class="modal-title"></h4>
                </div>
                <div class="modal-body next"></div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default pull-left prev">
                        <span class="glyphicon glyphicon-chevron-left"></span>
                        Previous
                    </button>
                    <button type="button" class="btn btn-primary next">
                        Next
                        <span class="glyphicon glyphicon-chevron-right"></span>
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- end modals-->

	<div class="preheader hidden-xs">
		<div class="container">
			<div class="row">
				<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
					<{widgets id="top-menu-linkblock"}>
				</div>
				<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
					<{widgets id="lk-block"}>
					<div class="clearfix"></div>
				</div>
			</div>	
		</div>
	</div>
	
	
	<div class="header">
		<div class="container">
			<div class="row">
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
					<{widgets id="header-logo"}>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
					<{widgets id="header-phone"}>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
					<{widgets id="search"}>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
					<div class="top-cart-wrap">
						 <{widgets id="cart"}>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- top-nav-->
	<nav class="navbar navbar-default" role="navigation">
  <div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
		<{widgets id="dh"}>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container -->
</nav>
	 
